<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪类链接颜色</title>


    <style>

       p a:link{ color: blueviolet}
       /*默认的蓝色*/

        p a:visited{color: aqua}
       /*点击后的颜色*/

      p a:hover{color: chartreuse}
      /*鼠标放在上面的颜色    重点*/
        p a:active{color: gold}
       /*鼠标点击未释放的颜色*/
        /**/

   /*补充：并不是所有的a  也可以是  li 等标签*/
    </style>

</head>
<body>

<div>

    <a href="#"></a><img src="image/book.jpg" width="427" height="528" title="书的世界"></a>
</div>

<p><a href="#">欢迎来到书的世界</a></p>

<a href="#">作者-杨飞</a>

<p>原价125，</p>

</body>
</html>